// pages/personData/personData.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    personData: [{
        name: '头像',
        value: ''
      },
      {
        name: '用户名',
        value: ''
      },
      {
        name: '职业',
        value: ''
      },
      {
        name: '性别',
        value: ''
      },
    ],
    isChangeHead: false,
    changeHeadAniData: {}
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  },
  /**
   * 更换头像点击事件
   */
  changeHeadImg(e) {
    if (e.currentTarget.dataset.id==0) {
      this.myAnimation('0');
    }
  },
  /**
   * 更换头像弹窗关闭
   */
  closePopup() {
    this.myAnimation('-100%');
  },
  /**
   * 从相册中更换头像
   */
  changeHead(e) {
    let that = this;
    wx.chooseImage({
      count: 1, // 默认9
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
      sourceType: [e.currentTarget.dataset.way], // 可以指定来源是相册还是相机，默认二者都有
      success: function (res) {
        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
        let tempFilePaths = res.tempFilePaths;
        that.setData({
          'personData[0].value': tempFilePaths,
        });
        that.myAnimation('-100%');
      }
    })
  },
  myAnimation(str) {
    let animation = wx.createAnimation({
      duration: 400,
      timingFunction: "ease",
    })
    str = str || '-100%';
    animation.translateY(str).step();
    this.setData({
      changeHeadAniData: animation.export()
    })
  },

  /**
   * 点击保存事件
   */
  saveTap(){
    wx.showToast({
      title: '保存成功',
    })
  }
})